.pagination {
   text-align: center;
   float: right;
   height: 30px;
   width: auto;
}
.pagination li{
   float: left;
   width: 40px;
   height:24px;
}
.pagination li a{
   display: block;
   width: 40px;
   height: 24px;
}
.pagination li span{
   display: block;
   width: 40px;
   height: 24px;
   
}
.active {
   background: #43c9eb;
   color: #fff;
}
.disabled {
   background: #f6f6f6;
}
a{
   color: blue;
   text-decoration: none;
}
a:hover{
   text-decoration: none;
   color: #fff;
} 
html,body {
   margin:0;
   padding: 0; 
   overflow-x: hidden; 
   font-family: PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei; 
   background-color: #fff;
   font-size: 14px;
   color: #444;
}
li {
	list-style: none;
}
textarea { resize : none; } 
#foot {
   background-color: #000; 
   width: 100%; 
   height: 204px;
   margin: 0 auto; 
   padding-top: 35px; 
}
.foot-wrraper {
   width: 1052px; 
   height: 80px; 
   margin: 0 auto;
}
.wrraper-left {
   float: left; 
   width: 30%; 
   border-left: solid 1px #BDBDBD; 
   height: 100%; 
   padding-left: 30px; 
   color: #BDBDBD; 
   padding-top: 10px;
}
.wrraper-center {
   float: left; 
   width: 30%; 
   border-left: solid 1px #BDBDBD; 
   height: 100%; 
   padding-left: 30px; 
   color: #BDBDBD; 
   padding-top: 10px;
}
.wrraper-right {
   float: left; 
   width: 30%; 
   border-left: solid 1px #BDBDBD; 
   height: 100%; 
   padding-left: 30px; 
   color: #BDBDBD; 
   padding-top: 10px;
}
.foot-down {
   height: 67px; 
   color: #BDBDBD; 
   margin-top: 20px; 
   text-align: center; 
   border-top: solid 1px; 
   font-size: 12px; 
   line-height: 30px;
}

.fade {opacity: 0;
   -webkit-transition: opacity .15s linear;
   -o-transition: opacity .15s linear;
   transition: opacity .15s linear}
.fade.in {opacity: 1}
.modal-open {overflow: hidden}
.modal{ position:fixed; left:0; top:102px; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{
   -webkit-transition: -webkit-transform .3s ease-out;
   -o-transition: -o-transform .3s ease-out;
   transition: transform .3s ease-out;
   -webkit-transform: translate(0,-50%);
   -ms-transform: translate(0,-50%);
   -o-transform: translate(0,-50%);
   transform: translate(0,-50%)}
.modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
   .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;}
   .modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
   .modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
   .modal-dialog {position: relative;width: auto;margin: 10px}
   .modal-content{position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; 
      -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
      box-shadow: 0 3px 9px rgba(0,0,0,.5)}
   
      .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #eee; position:relative}
      .modal-header .close{position:absolute; right:10px; top:10px}
      .modal-header h3,.modal-header .modal-title{margin:0; padding:10px 0; font-size:16px}
   
      .modal-body {position:relative;padding: 15px;overflow-y:visible;word-break:break-all}
         .modal-form {margin-bottom: 0}
   
      .modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1}
      .modal-footer:before,.modal-footer:after {display: table;content: ""}
      .modal-footer:after {clear: both}
      .modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
      .modal-footer .btn-group .btn + .btn {margin-left: -1px}
      .modal-footer .btn-block + .btn-block {margin-left: 0}
      
   .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
   
   .radius .modal-content{ border-radius:6px}
   .radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px}
   @media (min-width: 768px) {
      .modal-dialog {width: 600px;margin: 30px auto}
      .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);box-shadow: 0 5px 15px rgba(0, 0, 0, .5)}
      .modal-sm {width: 300px}
   }
   @media (min-width: 992px) {
      .modal-lg {width: 900px}
   }
 
.modal-alert{position:fixed; right:auto; bottom:auto; width:300px; left:50%;margin-left:-150px; top:50%;margin-top:-30px; z-index:9999;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
   -webkit-background-clip: padding-box;
   background-clip: padding-box; 
   -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
   box-shadow: 0 3px 9px rgba(0,0,0,.5)}
.modal-alert-info{padding:30px; text-align:center; font-size:14px; background-color:#fff}
